8月30日，Astro3.0正式发布！Astro3.0是第一个支持ViewTransitionsAPI的主要Web框架。通过这个API，可以轻松地在页面导航中实现淡入淡出、滑动、形变甚至保持有状态的元素。在过去，这些功能只在使用JavaScript编写的单页应用(SPA)中可用。但是，由于Web平台的进步，现在任何人都可以在Astro3.0中使用这些功能！Astro是一个现代化的静态站点生成器和前端框架，它具有独特的设计理念：岛屿架构。它允许开发人员使用组件化的方式构建内容优先的网站，将各种技术栈（如React、Vue、Svelte等）的组件无缝集成到同一个项目中。2022年，Astro在 J
目录一、性能指标1、首次内容绘制FCP（FirstContenfulPaint） 占比10%1.1、概念1.2、性能值1.3、优化方法2、SI（SpeedIndex） 占比10%2.1、概念2.2、性能值2.3、优化方法3、最大（最有意义）内容绘制 LCP（LargestContentfulPaint） 占比25%3.1、概念3.2、性能值3.3、考量元素3.4、影响因素3.5、优化方法4、总阻塞时间 TBT（TotalBlockingTime） 占比30%4.1、概念4.2、性能值4.3、优化方法5、累计布局偏移 CLS（CumulativeLayoutShift） 占比25%5.1、
还在担心面试不通过吗？给大家推荐一个超级好用的刷面试题神器：牛客网，里面涵盖了各个领域的面试题库，还有大厂真题哦！赶快悄悄的努力起来吧，不苒在这里衷心祝愿各位大佬都能顺利通过面试。面试专栏分享，感觉有用的小伙伴可以点个订阅，不定时更新相关面试题：面试专栏。文章目录🍉正文微信小程序1、微信小程序是单页应用吗2、小程序的开发，发送一个请求，怎么请求数据的3、小程序中数据怎么同步渲染4、微信小程序组件的生命周期5、定义生命周期的方法6、小程序rpx单位
(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录指令补充指令修饰符v-bind对于样式控制的增强 操作class案例：京东秒杀tab导航高亮操作style v-model应用于其他表单元素 computed计算属性基础语法computed计算属性vsmethods方法计算属性完整写法综合案例-成绩案例watch侦听器基础语法完整写法 指令补充指令修饰符通过"."指明一些指令后缀，不同后缀封装了不同的处理操作→简化代码①按键修饰符@keyup.enter→键盘回车监听②v-model修饰符v-model.trim→去除首尾空格v-model.numb
1：WebSocket概述、WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。WebSocket通信协议于2011年被IETF定为标准RFC6455，WebSocketAPI被W3C定为标准。在WebSocketAPI中，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。使用：创建Wevsocket实例化 consthanclick=(()=>{//点击是触发方法constws=newWebSocket('ws://localhost:8000');//创建Wevsocket实例化ws.on
目录前言介绍基本使用关键帧KeyframeEffect的三种类的声明keyframesoptions动画对象全局Animation类标签中的animate函数总结相关代码：前言接着上文往下介绍，上篇文章我们对JS原生动画和贝塞尔曲线有了一个详细的认识，基于定时器或动画帧，我们可以实现元素的动画缓动，本文将分享浏览器中功能强大的AnimationsAPI，有兴趣的朋友请接着往下看吧介绍WebAnimationsAPI（简称WAAPI）于2016年成为Web标准的一部分，它的功能比之前提到的动画要丰富的多，它的核心理念是时间轴和动画效果。它提供了一组功能强大的方法和属性，用于定义、操作和管理动画效
简介：GSAP的全名是GreenSockAnimationPlatform一直发展到今天已经是3.x版本，这是一个适用于现代浏览器的专业Javascript动画库超过1100万个网站，其中包括超过50%的获奖网站!主要品牌都使用GSAP 官网地址如下：GSAP3IsAvailableNow!-Blog-GreenSockVue里面基于侦听器的动画，也是借助于GSAP。GSAP优点：疯狂的快异常的强大兼容性好······缺点：动画过多GSAP基本使用官网地址:https://greensock.com/gsap/文档地址:https://greensock.com/get-started/核心语
最近因为做项目的原因，涉及到登录注册的密码安全问题，于是在网上搜了一圈，然后在知乎上看到一个很热的贴子。有说没意义的，也有说有意义的。整体看下来，说无意义的，无非说是对于后端而言，前端直接发送明文密码，还是使用md5，decypt，sha等加密的密文密码，从数据层面来讲，都是『明文』，只要被劫持，就算是密文，也并不需要去破解，直接伪造请求，照样发送就好了。再加上，因为前端代码是运行在用户本地浏览器，什么加密算法都是用户可见的，混淆，散列，加密无非是增大这种可见的难道，根本上并没有解决问题。说有意义的呢，更多说的是保护用户隐私，不至于明文在网络上传输，可以防止同密码跨站使用，不在后台日志明文记录
今天是下早班的一天，下完班直接赶车回广州了，吐槽一下深圳站管理得真得差，候车厅小，人巨多，而且进站口的标识也很少，绕了好久才找到！下次再也不去了。今天是改bug的一天，但是有半天后端接口都不难用，所以就在刷掘金文章，学习学习技术，下面是一些总结资料：1.vue2和vue3中watch、computed、mounted的执行顺序：在Vue2和Vue3中，watch、computed和mounted的执行顺序是不同的。在Vue2中，首先会执行computed属性的计算，然后执行watch监听器的回调函数。最后，在组件实例被挂载到DOM后，会执行mounted钩子函数。而在Vue3中，执行顺序有所改
1.AnimistaAnimista是一个CSS动画/转场库和在线工具。它有许多现成的CSS动画片段可以直接使用,也可以在线定制动画。网站地址:Animista-On-DemandCSSAnimationsLibrary 2.Animate.cssAnimate.css是一个免费的CSS动画库,里面有AttentionSeekers、BouncingEntrances、FadingEntrances、RotatingEntrances等多种动画类型和效果。网站地址:Animate.css|Across-browserlibraryofCSSanimations. 3.FramerMotionF
